/* -----------------------------
   Clearfix
   ----------------------------- */

@mixin clearfix-base {
    zoom:1;

    &:before,
    &:after {
        content: " ";
        display: table;
    }
    &:after {
        clear: both;
    }
}

.clearfix {
    @include clearfix-base;
}

@mixin clearfix( $in-media-query: false ) {
    @if $in-media-query {
        @include clearfix-base;
    } @else {
        @extend .clearfix;
    }
}

